<template>
  <div id="chartLineBoxs1" style="width: 100%; height: 520px"></div>
</template>
<script>
import echarts from "echarts";
export default {
  mounted() {
    let chartDoms1 = document.getElementById("chartLineBoxs1");
    let myCharts1 = echarts.init(chartDoms1);
    let option;
    option = {
      tooltip: {
        trigger: "item",
        formatter: "{a} <br/>{b} : {c} ({d}%)",
      },
      series: [
        {
          name: "访问来源",
          type: "pie",
          radius: "50%",
          // center: ["50%", "60%"],
          data: [
            { value: 66.67, name: "华北\n66.67%" },
            { value: 33, name: "华南\n33%" },
          ],
          emphasis: {
            itemStyle: {
              shadowBlur: 10,
              shadowOffsetX: 0,
              shadowColor: "rgba(0, 0, 0, 0.5)",
            },
          },
        },
      ],
    };
    option && myCharts1.setOption(option);
  },
  data() {
    return {};
  },
};
</script>
<style scoped>
</style>
